<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
        <title>Sample 00 - Arrow キーの押した方向に単純に移動!!</title>
        <style>
            * {
                margin: 0px;
                padding: 0px;
            }
        </style>
        <script charset="UTF-8" src="enchant.js"></script>
        <script charset="UTF-8" src="dummysprite.enchant.js"></script>
        <script charset="UTF-8">
            // 使いやすくするおまじない
            enchant();
            // 初期化時処理
            window.onload = function() {
                // Game インスタンスを生成
                var game = new Game(320, 320);
                // 初期化
                game.onload = function() {
                    // 背景色を設定
                    this.rootScene.backgroundColor = "black";
                    // ダミースプライトを生成
                    var dummySprite = new DummySprite(20, 20, "red");
                    dummySprite.moveTo(160-10, 160-10);
                    this.rootScene.addChild(dummySprite);
                    // 更新イベントを登録
                    this.rootScene.addEventListener("enterframe", function(e){
                        var input = game.input;
                        if (input.left  === true) dummySprite.x -= 4;
                        if (input.right === true) dummySprite.x += 4;
                        if (input.up    === true) dummySprite.y -= 4;
                        if (input.down  === true) dummySprite.y += 4;
                    });
                };
                // 開始
                game.start();
            };
        </script>
    </head>
    <body>
        <h1>Sample 00 - Arrow キーの押した方向に単純に移動!!</h1>
    </body>
</html>